import { Meta, Story, Canvas, Props } from "@storybook/blocks";

import { ViewPort, LeftResizable, RightResizable, Left, Right, TopResizable, BottomResizable, Top, Bottom, Fill } from "../../";
import { red, green, blue, description } from "../Utils";
import { CommonHeader } from "../Utils";
import * as $02StackedStories from './02-Stacked.stories';

<CommonHeader />

<Meta of={$02StackedStories} />

## Stacked

Example of stacking spaces.

### Left and right stacked spaces

<Canvas of={$02StackedStories.FixedVertical} />

### Top and bottom stacked spaces

<Canvas of={$02StackedStories.FixedHorizontal} />

### Left and right resizable stacked spaces

<Canvas of={$02StackedStories.ResizableVertical} />

### Top and bottom resizable stacked spaces

<Canvas of={$02StackedStories.ResizableHorizontal} />
